<template>
  <el-button
      type="warning"
      icon="arrow-left"
      @click="handleGoBack"
      style="position: fixed; top: 51px; right: 10px; z-index: 1000;"
  >
    返回
  </el-button>
</template>

<script>
export default {
  methods: {
    handleGoBack() {
      // 检查调用者是否定义了 goBack 方法
      if (this.$parent && typeof this.$parent.goBack === 'function') {
        // 调用父页面的 goBack 方法
        this.$parent.goBack();
      } else {
        // 执行组件默认的 goBack 方法
        this.defaultGoBack();
      }
    },
    defaultGoBack() {
      // 组件默认的返回方法
      window.location.reload()
    }
  }
};
</script>

<style scoped>
/* 可以添加按钮样式 */
button {
  cursor: pointer;
  padding: 8px 16px;
  background-color: rgb(242, 242, 242);
  color: rgb(48,90,245);
  border: none;
  border-radius: 4px;
}

button:hover {
  background-color: #0056b3;
}
</style>
